<template>
  <div class="page-container">
    <cm-table
      :filters="filters"
      :filterFields="filterFields"
      :columns="columns"
    ></cm-table>
  </div>
</template>

<script setup>
import {ref} from 'vue';
import date from "@/utils/date";

const filters = ref({
  code: ''
});
// 分页查询条件
const filterFields = ref([
  {prop: "memberName", label: "会员名称"},
  {prop: "code", label: "证券代码"},
  {prop: "startDate", label: "开始时间", type: 'date'},
  {prop: "endDate", label: "结束时间", type: 'date'},
]);
const columns = ref([
  {prop: "memberName", label: "会员名称", minWidth: 100},
  {prop: "code", label: "证券代码", width: 100},
  {prop: "name", label: "证券名称", width: 100},
  {prop: "volume", label: "持仓数量", minWidth: 90, type: 'number', align: 'right'},
  {prop: "price", label: "持仓均价", minWidth: 90, type: 'number', point: 2, align: 'right'},
  {prop: "frozenVolume", label: "冻结数量", minWidth: 90, type: 'number', align: 'right'},
  {prop: "availableVolume", label: "可用数量", minWidth: 90, type: 'number', align: 'right'},
  {prop: "openMoney", label: "开仓金额", minWidth: 90, type: 'number', point: 2, align: 'right'},
  {prop: "createTime", label: "创建时间", width: 160},
]);
</script>